.focus-info {
  color: #757575;
  .tab {
    padding-top: 100rpx;
    .van-tabs__wrap {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      // box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.08);
      font-size: 28rpx;
      height: 100rpx;
      line-height: 100rpx;
    }
    .van-tab {
      color: #757575;
      font-size: 28rpx;
      height: 100rpx;
      line-height: 100rpx;
    }
    .van-tab {
      -webkit-flex: 0 0 30% !important;
      flex: 0 0 30% !important;
      flex-basis: 30% !important;
    }
    .van-tabs__line {
      background-color: #14cc76;
      height: 8rpx !important;
      width: 32rpx !important;
      left: 5%;
      bottom: 20rpx;
    }
    .van-tab--active {
      color: #14cc76;
      font-weight: bold;
      font-size: 34rpx;
    }
    .van-hairline--top-bottom:after {
      display: none;
    }
    .van-tabs__scroll--line {
      margin: 0 auto;
    }
    // &.van-tabs--line .van-tabs__wrap {
    //box-shadow:0 4rpx 8rpx 0 rgba(0,0,0,.1);
    // }
  }
}

.institution-box {
  flex-wrap: wrap;
  margin: 20rpx 40rpx 0 40rpx;
  .institution {
    padding: 30rpx 0;
    color: #4a4a4a;
    overflow: hidden;
    font-size: 28rpx;
    justify-content: space-between;
    .focused {
      font-size: 24rpx;
      height: 48rpx;
      line-height: 42rpx;
      padding: 0 20rpx;
      color: #757575;
      border: 1rpx solid #cccccc;
      border-radius: 28rpx;
      margin-left: 20rpx;
      margin-top: 8rpx;
      display: flex;
      align-items: center;
      i.icon-check {
        font-size: 13rpx;
        margin-right: 8rpx;
      }
    }
    .img-box {
      width: 80rpx;
      height: 80rpx;
      margin-right: 20rpx;
      border: 1px solid #f7f7f7;
      border-radius: 50%;
    }
    .logo {
      width: 80rpx;
      height: 80rpx;
      border-radius: 50%;
    }
    .school-name {
      width: 360rpx;
      font-size: 28rpx;
      line-height: 64rpx;
      font-weight: 500;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
}
.teacher-box {
  padding: 0 40rpx;
  margin-top: 40rpx;
  .teacher {
    margin-bottom: 40rpx;
    .cover {
      width: 100rpx;
      height: 100rpx;
      border-radius: 50%;
      margin-top: 5rpx;
    }
    .base-info {
      padding-top: 8rpx;
      flex: 1;
      margin-left: 30rpx;
      font-size: 24rpx;
      .name {
        color: #4a4a4a;
        font-weight: bold;
        font-size: 32rpx;
        align-content: flex-start;
        justify-content: space-between;
        .focused {
          font-size: 24rpx;
          font-weight: normal;
          height: 48rpx;
          line-height: 42rpx;
          padding: 0 20rpx;
          color: #757575;
          border: 1rpx solid #cccccc;
          border-radius: 28rpx;
          margin-left: 20rpx;
          display: flex;
          align-items: center;
          i.icon-check {
            font-size: 13rpx;
            margin-right: 8rpx;
          }
        }
        .tag {
          margin-left: 20rpx;
          border-radius: 0 16rpx 0 16rpx;
          color: #fff;
          display: inline-block;
          font-size: 24rpx;
          font-weight: normal;
          padding: 0 20rpx;
          line-height: 40rpx;
          &.primary {
            color: #14cc76;
            background: rgba(20, 204, 118, 0.1);
          }
          &.junior {
            color: #ffba00;
            background: rgba(255, 186, 0, 0.1);
          }
          &.senior {
            color: #fe7141;
            background: rgba(254, 113, 65, 0.1);
          }
        }
      }
      .school-name {
        margin-top: 16rpx;
        color: #757575;
        font-weight: 400;
        font-size: 28rpx;
      }
      .age {
        margin-top: 16rpx;
        font-size: 28rpx;
        color: #757575;
        font-weight: 400;
      }
      .other {
        max-height: 68rpx;
        margin-top: 20rpx;
        color: #9b9b9b;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
    }
  }
}

// button样式重置
.xhzx-form-button {
  color: inherit;
  line-height: auto;
  font-size: inherit;
  text-align: inherit;
}
